/*****************************************************************************
 * @desc 前端可视化开发使用的页面组件
 * @author fgg047 <9110530@qq.com>
 * @createDate 2019-05-20
 ****************************************************************************/
var WIDGET = new _widget();

function _widget() {

    /*********************************布局组件********************************/
	/************************************************************************
	 * @desc 撑满页面布局组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.fitLayout = {
        label: 'fitLayout',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ],
        text: '<input type="button" value="ok"/>'
    }

	/************************************************************************
	 * @desc 分割器布局组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.splitter = {
        label: 'splitter',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ],
        text:'<input id="sp1" changeonmousewheel="false" class="mini-spinner" minvalue="200" maxvalue="250" onvaluechanged="onValueChanged">'
    }

	/************************************************************************
	 * @desc Layout布局组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.layout = {
        label: 'Layout',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc FieldSet布局组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.fieldSet = {
        label: 'FieldSet',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

    /*********************************基本组件********************************/
	/************************************************************************
	 * @desc 文本框组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.textBox = {
        label: 'textBox',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 按钮组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.button = {
        label: 'button',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 数字输入组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.spinner = {
        label: 'spinner',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 复选框组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.checkBox = {
        label: 'checkBox',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 表格组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.table = {
        label: 'table',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

    /*********************************复杂组件********************************/
	/************************************************************************
	 * @desc 树组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.tree = {
        label: 'tree',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

    /*********************************导航组件********************************/
	/************************************************************************
	 * @desc 工具栏组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.toolBar = {
        label: 'toolBar',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 选项卡组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.tabs = {
        label: 'tabs',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 菜单组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.menu = {
        label: 'menu',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

	/************************************************************************
	 * @desc 分页组件
	 * @author fgg047 <9110530@qq.com>
	 * @createDate 2019-05-20
	 ************************************************************************/
    this.pager = {
        label: 'pager',
        props: [
            { id: "width", title: '宽度', type: "数字整型" },
            { id: "height", title: '高度', type: "数字整型" }
        ]
    }

    this.list = [{
        "id": "layout",
        "label": "布局组件",
        "children": [
            this.fitLayout,
            this.splitter,
            this.layout,
            this.fieldSet
        ]
    }, {
        "id": "basic",
        "label": "基本组件",
        "children": [
            this.textBox,
            this.button,
            this.spinner,
            this.checkBox
        ]
    }];
}